/*

green 	#680
dark 	#333
lighter	#666

*/
@font-face {
  font-family: 'GothicCustom';
  src: url("LeagueGothic.eot");
  src: local('☺'), url("LeagueGothic.otf") format('opentype'), url("leaguegothic.svg#lg") format('svg');
}		

/* A font by Jos Buivenga (exljbris) -> http://www.exljbris.nl */
@font-face {
  font-family: 'MuseoCustom';
  src: url("MuseoSans-500.eot");
  src: local('☺'), url("MuseoSans-500.ttf") format('opentype'), url("museo.svg#museo") format('svg');
}

html		{ background:#EEEEE6 url(/img/bg.png) fixed; }
body		{ margin:0; padding:0; font-family:  Georgia, Times, 'Times New Roman', serif; font-size:14px; background:url(/img/swash.png) fixed no-repeat 50% 0; color:#333; line-height:20px; }
img			{ border:0; }
p			{ margin-bottom:20px; }
a			{ color:#680; -webkit-transition:all .2s;}
a:hover		{  text-decoration:none;}
a:active, a:focus	{ background-color:rgba(51,51,51,.1);}
blockquote	{ font-style:italic;  font-size:95%;background:url(/img/comment.png) no-repeat 2px 5px; margin:0; padding-left:20px;}
pre			{ margin-left:-20px; background:url(/img/code-bookmark.png) no-repeat 0 0; }
pre code	{ display:block; margin-left:20px; padding:10px; font-size:90%; background-color:rgba(255,255,255,.5); overflow:auto; }
table		{ border:1px solid #666; border-width:1px 0; border-collapse:collapse; background-color:rgba(255,255,255,.5);}
th			{ border:1px solid #666; border-width:1px 0; background-color:rgba(51,51,51,.1);}
td			{ border:1px solid #CCC; border-width:1px 0; padding:2px 10px; }

.update		{ background-color:rgba(33, 129, 66, 0.1); padding:5px 10px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }

#header				{ font-family: 'MuseoCustom', 'Century Gothic', Arial, Helvetica, sans-serif; font-size:13px;  width:820px; margin:auto; line-height:12px;}
#header h1, #header h2 { font-size:13px; font-weight:normal; margin:0; }
#header h1			{ color: #680; float:right; padding-top:18px; text-transform:uppercase;}
#header h2  		{ float:left; padding:18px 20px; position:relative; width:300px;}
#header h2 img		{ position:absolute; left:0; top:0; }
#header h2 a 		{ text-decoration:none; color:#333; display:block;}
#header h2 a:hover	{color:#680;}
#header .nav 		{ text-transform: uppercase; word-spacing:4px; text-align:right; top:30px; clear:right;float:right;}
#header .nav a 		{ text-decoration:none; color:#333; padding-top:3px;}
#header .nav a:hover { color:#680; }

#content			{width:820px; margin:auto; overflow:hidden; clear:both; background:url(/img/page-marker.png) no-repeat 0 48px; }
#main				{width:520px; padding-top:80px; float:left; background:url(/img/line-v.png) no-repeat 100% 90%;}

/* 
this little bit of IE5/Mac compliance was done by Jen Strickland 
http://inkpixelspaper.com/ 
*/
* html>body #content { overflow:visible; } /* IE5 hack */
* html>body #main {float:none; display:inline-block;} /* IE5 hack */

#main .dt,
	#main .cat,
	#main .shorturl	{font-family:Garamond, Georgia, Times, 'Times New Roman', serif; text-transform:uppercase; font-size:13px; font-weight:bold; color:#666;background:url(/img/line.png) no-repeat -200px 70%;}
#main h2			{text-transform:uppercase; font-weight:normal; font-size:32px; margin:0; font-family: 'GothicCustom', 'Arial Narrow', sans-serif; font-size:40px; line-height:40px; background:url(/img/line.png) no-repeat 100px 33px; text-shadow:1px 1px #CCC;}
#main h2 a			{text-decoration:none; color:#444;}
#main h2 a:hover	{color:#680;}

#main .article.inside h1	{ text-transform:uppercase; font-weight:normal; font-size:32px; margin:0; font-family: 'GothicCustom', Impact, 'Arial Narrow', sans-serif; font-size:40px; line-height:40px; background:url(/img/line.png) no-repeat 100px 33px; text-shadow:1px 1px #CCC; }
#main .article.inside h2	{ font-family: Georgia, Times, 'Times New Roman', serif; font-size:24px;text-transform:none;background:none;}

#main .article			{margin-bottom:40px; padding-left:20px; background:url(/img/star.png) no-repeat 2px 13px;  }
#main .article:first-child {background:none;}
#main .article h2		{}
#main .fullarticle		{text-align:right;background:url(/img/line.png) no-repeat 190% 70%;}
#main .fullarticle a	{text-transform:uppercase;text-decoration:none;color:#680;font-size:14px;padding:4px;}
#main .fullarticle a:hover	{background-color:rgba(51,51,51,.1); }

#main .meta				{background:url(/img/star.png) no-repeat 2px 5px;font-family:Garamond, Georgia, Times, 'Times New Roman', serif; padding-left:20px;margin-top:40px;}

#main .shorturl .url	{text-transform:none; color:#555;}

#sidebar				{float:right; width:200px; color:#666; font-size:80%; padding-top:25px; background:transparent url(/img/line-v.png) no-repeat scroll 100% 270px; }

#sidebar .nav			{ -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition:all .2s;  background:rgba(51,51,51,.1); padding:5px 10px 2px; margin-bottom:10px;zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19333333, endColorstr=#19333333); }
#sidebar .nav .items	{ width:180px; margin-bottom:10px; overflow:hidden;}
#sidebar .nav h2		{ font-family: 'MuseoCustom', 'Century Gothic', Arial, Helvetica, sans-serif; line-height:1.2; font-size:12px; text-transform:uppercase; background: url(/img/arrow-up.png) no-repeat 100% 5px; font-weight:normal; margin:0; padding:0; line-height:20px; cursor:pointer; }
#sidebar .nav h2.collapsed	{background-image:url(/img/arrow-dn.png); }
#sidebar .nav h3		{text-transform:uppercase; margin:0; font-size:12px;}
#sidebar .category		{ float:left; width:130px;}
#sidebar .nav ul		{ margin:0; padding:0; list-style:none; }
#sidebar .year			{text-align:right;}
#sidebar .nav ol		{ margin:0; padding:0; list-style:none; }
#sidebar .nav li		{ margin:0; padding:0; line-height:15px;}
#sidebar .nav a			{ color:#666; text-decoration:none; text-transform:uppercase; font-size:12px; line-height:10px;}
#sidebar .nav a:hover 	{color:#680;}

#sidebar #rssfeed		{-moz-border-radius:5px; -webkit-border-radius:5px; background:rgba(51,51,51,.1);  position:relative; -webkit-transition:background .3s; margin-top:20px; padding:0 10px ; }
#sidebar #rssfeed a 	{ display:block; padding-left:25px; background:url(/img/rss.png) no-repeat 0 50%; text-decoration:none; color:#666; margin-bottom: 20px; }
#sidebar #rssfeed a:hover {color:#680; }

#sidebar #twitter 		{ -moz-border-radius:5px; -webkit-border-radius:5px; background:rgba(51,51,51,.1);  position:relative; -webkit-transition:background .3s; margin-top:20px; }
#sidebar #twitter:hover { background:rgba(51,51,51,.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333333, endColorstr=#33333333);}
#sidebar #twitter a 	{ display:block; background:url(/img/twit-follow.png) no-repeat 10px 50%; text-indent:-9999px; height:50px; overflow:hidden;}
#sidebar #twitter img 	{ position:absolute; right:5px; top:-10px; }

#sidebar #fusion 		{ margin-bottom:10px; text-align:center;  }
	#fusion .fusionentire {	display:block; -moz-border-radius:5px; -webkit-border-radius:5px; background:rgba(51,51,51,.1);  position:relative; -webkit-transition:background .3s; padding:10px 10px 5px; }
	#fusion a { text-decoration:none; line-height:1.2; }
	#fusion .tagline { padding-left:10px; }
#comments .meta				{ background:url(/img/comment-bookmark.png) no-repeat 0 3px;}
#comments .comment			{ background:url(/img/comment.png) no-repeat 3px 6px;}

#comments .comment .meta .authorname { text-transform:uppercase; }
#comments .comment .meta .commentnumber a { float:right; color:rgba(51,51,51,.25); font-size:24px; text-decoration:none; }
#comments .comment .quote	{padding-left:20px; font-size:95%;}
#comments .commentcount  	{ text-transform:uppercase; }
#comments .comment .meta	{ background:url(/img/line.png) no-repeat 40px 13px;}

#comments .snook			{ background: url(/img/comment-snook.png) no-repeat 0 3px; }
#comments .snook .meta .commentnumber a  { color: rgba(102, 136, 0, .5); }
#comments .snook .meta .commentnumber a:hover  { color: rgba(102, 136, 0, 1); }

h3#postcomments				{ text-transform:uppercase; font-weight:normal; font-size:14px; background:url(/img/line.png) no-repeat 40px 14px; margin:0 20px;}
#comments_form				{ background:url(/img/line-v.png) no-repeat 10px 0; padding-left:20px; }
#comments_form .inputgroup	{ background:url(/img/line.png) no-repeat 100% 100%; margin-bottom:5px; }
#postmeta					{ margin-bottom:10px; }
#postdata					{ background:url(/img/line-v.png) no-repeat 100% 50%; }
#postdata textarea			{ width:490px; border:none; }
#postmeta label				{ width:80px; display:block; float:left; text-transform:uppercase; font-size:10px; }
#postmeta input				{ border:none; width:407px; }
#comments_form .formnote	{ font-size:80%; }

#commentsclosed				{ padding:10px; margin:20px 0; background:rgba(51,51,51,.1);}

#livepreview				{ display:none; }

#main .article ul.projects { list-style:none; margin:0; padding:0; overflow:hidden;}
ul.projects li { margin:0 10px 20px 0; padding:0; float:left; width:240px;line-height:15px; list-style:none;}
ul.projects li img {float:left;margin-right:5px;border:5px solid #CCC;}
ul.projects li a:hover img {border-color:#BBCF7F;}
ul.projects li span { display:block; font-size:12px;}


#footer 				{ clear:both; background-color:#DDC; background-color:rgba(0,0,0,0); font-size:90%;}
#footer h2				{ margin:0; padding-left:20px; font-size:14px; text-transform:uppercase; background:url(/img/line.png) no-repeat 40px 15px; }
#footer .shell			{ width:820px; margin:auto; padding:20px 0; }
#footer ul				{ margin:0; padding:0; list-style:none; overflow:hidden; }
#footer li				{ float:left; width:180px; margin-left:20px; display:inline;}
#footer a				{ text-decoration:none; color:#333; display:block; }
#footer a:hover, #footer strong	{ color:#680; }

#footer #delicious		{ background:rgba(51,51,51,.2); zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333333, endColorstr=#33333333);}
#delicious .shell		{ background:transparent url(/img/delicious.png) no-repeat 2px 26px;}

#footer #twitterfaves	{ background:rgba(51,51,51,.25); zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40333333, endColorstr=#40333333);}
#twitterfaves .shell	{background:transparent url(/img/twitter-small.png) no-repeat 2px 26px;}

#footer #flickrfaves	{ background:rgba(51,51,51,.3); zoom:1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333);}
#flickrfaves .shell		{background:transparent url(/img/flickr.png) no-repeat 2px 26px;}
#flickrfaves li			{ float:left; width:80px; margin-left:20px; display:inline;}
#flickrfaves img		{ border:5px solid rgba(51,51,51,.2);}
#flickrfaves a:hover img { border:5px solid rgba(102,144,0,.4);}


#footer #copyright		{ background:rgba(51,51,51,.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66333333, endColorstr=#66333333); text-transform:uppercase; font-size:12px; overflow:hidden;}
#footer #copyright a	{ display:inline; }
#footer #copyright .shell { padding:10px 0; background: url(/img/line-v.png) no-repeat 0 20px;}
#footer #copyright p	{padding-left:20px;float:left;}

#footer #copyright .social {float:right;text-transform:none;font-style: italic;width:200px;}
#footer .social img		{vertical-align: text-bottom;}